<style type="text/css">
    #launch_bar1{
    background: gray;
  }
  #mine_title1{
    margin: auto;
    position: absolute;
    top: 10px;
    left: 0;
    right: 0;
  }
  
  /* .launch_bar_star{
    float:left;
    margin-top:6px;
    width: 40px;
    height:20px;
  } */
  
  #contain1{
    width: 90%;
    margin-left: 5%;
    margin-top: 7.5%;
  }
  
  .con_child1{
    background: white;
    width: 100%;
    height: 15%;
    border: 1px solid #eee;
  }
  
  .con_child_child1{
    float: left;
    height: 100%;
    font-size: 15px;
    font-weight: bold;
    margin-left: 2%;
  }
  
  /* #address{
    width: 50%;
  } */
  
  #launch_launch1{
    background: red;
    font-weight: bold;
    color: white;
    border-radius: 20px;
    width: 80%;
    height: 50px;
    margin-left: 10%;
    text-align: center;
    line-height: 50px;
    font-size: 20px;
  }
  .selected-vals {
    margin-right: .1rem;
    float: left;
    font-size: 10px;
    font-weight: bold;
    color: gray;
    margin-left: 6%;
    overflow: hidden;  
    white-space: nowrap;
    text-overflow: ellipsis;
 
}
.header-box3{
        background-color: red;
        height: 1.085rem;
    }
.header-left3{
    margin-left: 0rem;
    background-color: red;
    color: white;
    width: 1rem;
}
.header-left3 .bui-btn{
    background-color: red;
    border-width: 0rem;
    
}
.header-title3 {
    font-size: 0.4rem;
    height: 1.085rem;
    font-family: 'Microsoft YaHei';
    font-weight: bold;
    
    color: white;
    letter-spacing: 0.05rem;
    width: 100%;
    text-align: center;
}
   #loc1{width: 20%;}
   #loc2{width: 30%;}
   #loc3{width: 50%;}

  </style>
  
  <div class="bui-page" id="launch1">
      <header>
          <div class="bui-box header-box3">
            <div class="bui-box-center header-left3">
                <a class="bui-btn" id="back_btn"><i class="icon-back"></i></a>
            </div>
            
            <div class="bui-box-center header-title3">编辑资料</div>
        </div>
      </header>
  
      <main>
           
  
  
          <div id="contain1" style="position: absolute;">
            
            <div class="con_child1" style="border-top-left-radius: 20px; border-top-right-radius: 20px;">
              <img src="images/personalcontent/image_name.png" class="pic6">
              <div class="con_child_child1" id="type_of_activity">昵&emsp;&emsp;称</div>
              <input class="inputer1" id="personalname" type="text">
            
  
            </div>
  
            <div class="con_child1">
              <img src="images/personalcontent/image_sex.png" class="pic6">
              <div class="con_child_child1">性&emsp;&emsp;别</div>
              <div id="uiDropdown1" class="bui-dropdown">
                <div class="bui-btn bui-box my_box" >
                  <div class="span1" id="type_name1"><!--下拉菜单填写处--></div>
                  <i class="icon-dropdown" id="select_dropdown"></i>
                </div>
              </div>  
            </div>
  
            <div class="con_child1">
              <img src="images/personalcontent/image_age.png" class="pic6">
              <div class="con_child_child1">年&emsp;&emsp;龄</div>
              <input class="inputer1" id="personalage" type="text">
            </div>
  
            <div class="con_child1">
              <img src="images/personalcontent/image_location.png" class="pic6">
              <div class="con_child_child1">所在地区</div>
              
              <div class="span1">
                <div class="bui-box span1 detail-content" id="personallocation">
                    <div class="selected-vals" id="loc1"></div>
                    <div class="selected-vals" id="loc2"></div>
                    <div class="selected-vals" id="loc3"></div>
                </div>
            </div>
            </div>
  
            <div class="con_child1">
              <img src="images/personalcontent/image_phone.png" class="pic6">
              <div class="con_child_child1">联系方式</div>
              <input class="inputer1" id="personalphone" type="text">
            </div>
  
            <div class="con_child1">
              <img src="images/personalcontent/image_describle.png" class="pic6">
              <div class="con_child_child1">简&emsp;&emsp;介</div>
              <input class="inputer1" id="personaldescrible" type="text">
            </div>
  
          </div>
  

  
          <div id="launch_launch1">
            保存
          </div>
      </main>
  </div>   
  
    